<fieldset id="consultaUsuario">
	<legend>Consulta de Usuários</legend>

	<div id="grupoConsulta">			
		<label for="nomeUsuario">Nome</label>
		<input type="text" id="nomeUsuario" class="input-xxlarge" name="nome"></input>

		<label for="emailUsuario">E-Mail</label>
		<input type="text" id="emailUsuario" class="input-xxlarge" name="email" />

		<label for="cpfUsuario">CPF</label>
		<input type="text" id="cpfUsuario" class="input-medium cpf" name="cpf"/>

		<label for="cpfUsuario">Login</label>
		<input type="text" id="cpfUsuario" class="input-medium" name="login" />

		<label for="tipoUsuario">Tipo</label>
        <select id="tipoUsuario" name="tipo" name="tipo">
            <option value="">Selecione...</option>
            <option value="A">Administrador</option>
            <option value="P">Pedagogo</option>
            <option value="AP">Aplicador</option>
        </select>

        <div id="botoes" style="padding-top: 15px;">
        	<button type="button" id="consultarButton" class="btn btn-primary" data-loading-text="Aguarde...">Consultar</button>
    	</div>
	</div>
	
	<div id="resultados"></div>

</fieldset>

<script src="/BancoQuestoes/js/jquery.maskedinput-1.1.4.pack.js"></script>
<script src="/BancoQuestoes/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#resultados").slideToggle();
		$('#consultarButton').click(function(){
			$("#consultarButton").button('loading');
			var data = form.serialize("consultaUsuario");
			$.ajax({
				url: '<?= base_url(); ?>usuario/consultar',
				data: data,
				type: 'GET',
				success: function(result){ 
					modal.encerrar();
					$('#grupoConsulta').slideToggle('slow');
					$("#consultarButton").button('reset');
					$('#resultados').html(result).slideToggle();

					$("#novaConsulta").click(function(){
						$('#grupoConsulta').slideToggle('slow');
						$('#resultados').slideToggle('slow');
					})
				},
				error: function(result){
					modal.message(result);
				}
			})
		});

		$('.cpf').mask('999.999.999-99');
		$('.telefone').mask('(99)9999-9999');

		

	});
</script>